<template>
  <div class="content">
    <section class="Business_info">
      <div class="Business_item">
        <div class="Business_item_title">
          <h4>喜马拉雅甘孜咖啡有限公司</h4>
          <el-tag color="#4BBE94">存续</el-tag>
        </div>
        <div class="Business_item_name">
          <span>法&nbsp;&nbsp;&nbsp;&nbsp;人：</span>
          <p><router-link to="/">dsds</router-link></p>
        </div>
        <div class="Business_item_register">
          <div class="register_left">
            <span>注册资金：</span>
            <p>100.00万元</p>
          </div>
          <div class="register_right">
            <span>最后更新：</span>
            <p>2018-12-04</p>
          </div>
        </div>
      </div>
    </section>
    <section class="Business_code">
      <div class="Business_item">
        <div class="Business_item_title">
          <p class="title_code">统一社会信用代码：<span>9163834482373072871</span></p>
        </div>
        <div class="Business_item_name">
          <span>企业性质：</span>
          <p>有限责任公司（外商合资）</p>
        </div>
        <div class="Business_item_name code_weight">
          <span>成立日期：</span>
          <p>2012-09-07</p>
        </div>
        <div class="Business_item_register code_weight">
          <div class="register_left ">
            <span>营业期限：</span>
            <p>2012-09-07至2032-09-26</p>
          </div>
          <div class="register_right">
            <el-tag color="#4BBE94" style="color:#fff;">20年</el-tag>
          </div>
        </div>
      </div>
    </section>
    <section class="Business_address">
      <div class="Business_item">
        <div class="Business_item_name Business_address_mt">
          <span>注册地址：</span>
          <p><router-link to="/">甘孜州康定老街商业</router-link></p>
        </div>
        <div class="Business_item_name">
          <span>通讯地址：</span>
          <p><router-link to="/">甘孜州康定老街</router-link></p>
        </div>
        <div class="Business_item_name">
          <span>联 系 人：</span>
          <p>-</p>
        </div>
        <div class="Business_item_name">
          <span>联系电话：</span>
          <p><router-link to="/">18328465792</router-link></p>
        </div>
        <div class="Business_item_name">
          <span>联系邮箱：</span>
          <p><router-link to="/">无</router-link></p>
        </div>
        <div class="Business_item_name Business_address_mb">
          <span>公司网址：</span>
          <p>-</p>
        </div>
      </div>
    </section>
    <section class="Business_industry">
      <div class="Business_item">
        <div class="Business_item_name">
          <span>公司行业：</span>
          <p>食品、饮料及烟草制品批发</p>
        </div>
        <div class="Business_item_name">
          <span>经营范围：</span>
          <p>西餐类制售，咖啡相关设备、手工艺品、家具、西餐类制售，咖啡相关设备、手工艺品、家具、西餐类制售，咖啡相关设备、手工艺品、家具</p>
        </div>
        <div class="Business_item_name">
          <span>核准日期：</span>
          <p>2016-05-03</p>
        </div>
        <div class="Business_item_name">
          <span>登记机关：</span>
          <p>甘孜州工商行政管理局</p>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
export default {
  name:"business",
  data () {
    return {

    }
  },
  created () {

  }
}
</script>

<style scoped>
.Business_info, .Business_code, .Business_address, .Business_industry{
  background: #fff;
  border-bottom: 1px solid #DDDDDD;
}
.Business_item_title, .Business_item_name, .Business_item_register{
  display: flex;
  align-items: center;
  margin: 24px 0;
}
.Business_item_title span, .Business_item_name span, .Business_item_register span{
  color: #666666;
  text-align: center;
  letter-spacing: 4px;
}
.Business_item_name p{
  color: #333;
  width: 76%;
}
.Business_item{
  padding: 24px;
}
.Business_item_title{
  justify-content: space-between;
  margin-top: 0;
}
.Business_item_name{
  justify-content: flex-start;
}
.Business_item_register{
  justify-content: space-between;
  margin-bottom: 0;
}
.register_left, .register_right{
  display: flex;
}
.Business_item_title h4{
  font-size: 24px;
}
.Business_item_title span.el-tag{
  color: #fff;
}
.title_code{
  font-size: 24px;
}
.title_code span{
  font-size: 20px;
  color: #333;
  font-weight: 500;
}
.code_weight p{
  font-weight: 500;
  font-size: 20px;
}
.Business_industry{
  border: none;
}
.Business_industry .Business_item_name{
  align-items: baseline;
}
.Business_address_mt{
  margin-top: 0;
}
.Business_address_mb{
  margin-bottom: 0;
}
</style>
